﻿body,html{margin:0;
 		padding:0;
 		list-style-type:none; 
 		width:100%; 
 		height:100%;
 		font-size: 62.5%;
 		font-family: "Microsoft YaHei";
 		}
	 img{display:block;width:100%; height:100%;}
	 .gri{position:fixed;top:17%; width:100%}
	 .gri .zi{width: 24%;height: 65%;text-align: center;border-radius: 50%;position: absolute;bottom: 42%;left: 10%;color: #f6ca47;}
	 .gri .zi p{
	 	font-size: 24px;color:#fff;text-shadow:0 0 5px #f6ca47,0 0 15px #f6ca47,0 0 25px #f6ca47;
	 }
	 .gri .zi span{
	 	font-size: 12px;
	 }
	 .pk{position:fixed;top:39%; right:0; width:41%;}
	 .bo{position:fixed;top:50%; width:100%}
	 .bo .zi{width: 25%;height: 65%;text-align: center;border-radius: 50%;position: absolute;bottom: 22%;right: 8%;color: #f6ca47;}
	 .bo .zi p{
	 	font-size: 24px;color:#fff;text-shadow:0 0 5px #32D7F5,0 0 15px #32D7F5,0 0 25px #32D7F5;
	 }
	 .bo .zi span{
	 	font-size: 12px;
	 }
	 .bt1{position:fixed;top:68%;left:19%;width:32%;height:29%;}
	 .bt2{position:fixed;top:72%;left:37%;width:32%;height:29%;}
	 .tanc{position:fixed;top:22%;left:7%;width:85%;height:62%;z-index: 22;}
	 .tanc_bg{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.9);z-index: 1;}
	 .tanc_c{position:fixed;top:3%;left:88%;width:10%;height:8%;}
	 .box{position:fixed; bottom:0; width:100%;}
	 .box .qianbtn{ 
	 		width: 30%;
			position: absolute;
			bottom: 6%;
			right: 1%;
		}
	 .box .zi{ position:absolute; bottom:33%; left:5%; color:#999999; font-size:13.5px;}
	 .box2{background: #112C3B;display: none;}
	 .box2_pic{
	 	width: 73%;
	 }
	 .box2_pic img{
	 	width: 100%;
	 }
	 .box2_btn{
	 	width: 26%;
	 	float: right;
	 }
	  .box2_btn img{
	  	width: 100%;
	  }
	  #qhb_page{
	  	display:none;
	  	height: 100%;
	  	width: 100%;
	  	position: fixed;
	  	background: rgba(0,0,0,0.9);
	  }
	  .hb_pic{
		position: absolute;
  		top: 14%;
  		width: 100%;
	  }
	  .hb_pic img{
	  	width: 100%;
	  }
	  .close_btn{
		width: 6%;
		position: absolute;
		top: 18%;
		right: 10%;
	  }
	  .close_btn img{
	  	width: 100%;
	  }
	 @media (max-aspect-ratio: 414/736){
		.gri .zi {
			  bottom: 38%;
	 	}
	 	.bo .zi {
	 		bottom: 18%;
	 	}
	 }
	 
.gri .zi p,.bo .zi p{
	animation: turnout 1s 1s infinite;
  -moz-animation: turnout 1s 1s infinite;
  -webkit-animation: turnout 1s 1s infinite;
  -o-animation: turnout 1s 1s infinite;
  -ms-animation: turnout 1s 1s infinite;
}

  @keyframes turnout{
	0%{transform:scale(0.8);}
	50%{transform:scale(1.2);}
	100%{transform:scale(1);}
}

  @-moz-keyframes turnout{
	0%{-moz-transform:scale(0.8);}
	50%{-moz-transform:scale(1.2);}
	100%{-moz-transform:scale(1);}
}

  @-webkit-keyframes turnout{
	0%{-webkit-transform:scale(0.8);}
	50%{-webkit-transform:scale(1.2);}
	100%{-webkit-transform:scale(1);}
}

  @-o-keyframes turnout{
	0%{-o-transform:scale(0.8);}
	50%{-o-transform:scale(1.2);}
	100%{-o-transform:scale(1);}
}

  @-ms-keyframes turnout{
	0%{-ms-transform:scale(0.8);}
	50%{-ms-transform:scale(1.2);}
	100%{-ms-transform:scale(1);}
}